
/*
	Button Bindings for cool looking panels
	Credit goes to joe hewit
*/

button.tab {
    -moz-binding: url('chrome://footbar/skin/bindings.xml#tab');
 	 margin-right:6px;
	 margin-left:2px;
	 padding-bottom:2px;
}


button.tab:hover .tab-image-left{
	background:url('chrome://footbar/skin/tabLeft.png');
	height:24px;
	width:8px;
	-moz-opacity:.50;
	opacity:.50;
}

button.tab:hover .tab-image-right{
	background:url('chrome://footbar/skin/tabRight.png');
	height:24px;
	width:8px;
	-moz-opacity:.50;
	opacity:.50;

}

button.tab:hover .tab-image-middle{

	background:url('chrome://footbar/skin/tabMid.png');
	background-repeat:repeat-x;
	height:24px;
	-moz-opacity:.50;
	opacity:.50;

}

.tab-text {
    margin: 0;
    padding: 3px 8px 4px 8px;
	color:#999999;
	font-weight:bold;
	height:24px;
}

button.tab:hover .tab-text {
    margin: 0;
    padding: 3px 0px 4px 0px;
	color:#000000;
	font-weight:bold;
}




/*SELECTED STATE*/
button.tab[selected="true"] .tab-text {
    margin: 0;
    padding: 3px 0px 4px 0px;
	color:#000000;
	font-weight:bold;
}

button.tab[selected="true"] .tab-image-left{
	background:url('chrome://footbar/skin/tabLeft.png');
	height:24px;
	width:8px;
}

button.tab[selected="true"] .tab-image-right{
	background:url('chrome://footbar/skin/tabRight.png');
	height:24px;
	width:8px;
}

button.tab[selected="true"] .tab-image-middle{

	background:url('chrome://footbar/skin/tabMid.png');
	background-repeat:repeat-x;
	height:24px;
}


/*SELECTED While Hover*/
button.tab[selected="true"]:hover .tab-text {
    margin: 0;
    padding: 3px 0px 4px 0px;
	color:#000000;
	font-weight:bold;
}


button.tab[selected="true"]:hover .tab-image-left{
	background:url('chrome://footbar/skin/tabLeft.png');
	height:24px;
	width:8px;
	-moz-opacity:1;
	opacity:1;
}

button.tab[selected="true"]:hover .tab-image-right{
	background:url('chrome://footbar/skin/tabRight.png');
	height:24px;
	width:8px;
	-moz-opacity:1;
	opacity:1;

}

button.tab[selected="true"]:hover .tab-image-middle{

	background:url('chrome://footbar/skin/tabMid.png');
	background-repeat:repeat-x;
	height:24px;
	-moz-opacity:1;
	opacity:1;
}
